import { login, getInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(), // 设置token初始状态   token持久化 => 放到缓存中
    userInfo: {}
  },
  mutations: {
    setToken(state, data) {
      state.token = data
      setToken(data)
    },
    setInfo(state, data) {
      state.userInfo = data
    },
    removeToken(state) {
      state.token = '' // 删除vuex的token
      removeToken() // 先清除 vuex  再清除缓存 vuex和 缓存数据的同步
    },
    removeuserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async login(state, data) {
      const res = await login(data)
      state.commit('setToken', res)
      setTimeStamp()
      console.log('登录成功')
    },
    async getInfo(state) {
      const resInfo = await getInfo()
      const resid = await getUserDetailById(resInfo.userId)
      const res = {
        ...resInfo,
        ...resid
      }
      state.commit('setInfo', res)
      return res
    },
    logout(state) {
      state.commit('removeToken')
      state.commit('removeuserInfo')
      // 重置路由
      resetRouter()
      // 还有一步  vuex中的数据是不是还在
      // 要清空permission模块下的state数据
      // vuex中 user子模块  permission子模块
      // 子模块调用子模块的action  默认情况下 子模块的context是子模块的
      // 父模块 调用 子模块的action
      state.commit('permission/setRoutes', [], { root: true })
    // 子模块调用子模块的action 可以 将 commit的第三个参数 设置成  { root: true } 就表示当前的context不是子模块了 而是父模块
    }
  }
}
